<!--
 * @Author: xcl
 * @Date: 2022-04-20 18:05:17
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2022-10-13 10:09:58
 * @Description: Babylon
-->
<template>
  <div class="babylon">
    <div class="com">
      <babylon-com></babylon-com>
    </div>
  </div>
</template>

<script>
import BabylonCom from "../../components/babylon/BabylonCom.vue";
export default {
  name: "CesiumBabylon",
  components: {
    "babylon-com": BabylonCom,
  },
  data() {
    return {};
  },
  props: {},
  watch: {},
  created() {},
  mounted() {},
  beforeDestroy() {},
  destroyed() {},
  methods: {},
};
</script>

<style lang="less" scoped>
.babylon {
  background-color: #fff;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  .com {
    height: 80vh;
    width: 94%;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid #2667bd;
  }
}
</style>
